<!doctype html>
<html xmlns="http://www.w3.org/1999/html">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="user-scalable=no, initial-scale=1.0, maximum-scale=1.0, width=device-width">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta content="black" name="apple-mobile-web-app-status-bar-style">
    <meta name="format-detection" content="telephone=no">
    <meta content="telephone=no" name="format-detection">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />

    <title>{$list.title}</title>

    <link type="text/css" rel="stylesheet" href="__STATIC__/index/style/css/comstyle.css"/>
    <link type="text/css" rel="stylesheet" href="__STATIC__/index/style/css/font-awesome.css"/>
    <link href="__STATIC__/index/style/css/article1.css" media="screen" rel="stylesheet" type="text/css" />

    <script src="__STATIC__/index/style/js/comjs.js" type="text/javascript"></script>
</head>

<body>


<div class="html">
    <div class="stage" id="stage">
        <section id="sec-index">

            <div class="body">



                <div class="article ckeditor_content" id="article">

                    <div class="hd">
                        <h1>{$list.title}</h1>
                        <small>{$list.addtime|date='Y-m-d H:i:s',###}</small><!--咨询量：422-->


                    </div>

{$list.details}

                </div>

                <script>
                    $(function(){
                        $(".ckeditor_content img").css({"height":"auto","width":"auto","max-width":"100%"});
                    });
                </script>

            </div>
        </section>


        <section class="mod-share share-1">
            <a class="share-btn" onclick="showPop('#pop-share')"><span class="ico-share">发送给朋友</span></a>
            <a class="share-btn" onclick="showPop('#pop-share')"><span class="ico-pyq">分享到朋友圈</span></a>
        </section>

    </div><!--.stage end-->
</div><!--.html end-->


<div class="mod-pop" id="pop-share" onclick="hidePop('#pop-share')"><span class="text-share"></span></div>
<div style="display:none"></div>


<script src="__STATIC__/index/style/js/jquery-1.7.min.js"></script>
<br>
<br><script>
    function displayit(n){
        for(i=0;i<4;i++){
            if(i==n){
                var id='menu_list'+n;
                if(document.getElementById(id).style.display=='none'){
                    document.getElementById(id).style.display='';
                    document.getElementById("plug-wrap").style.display='';
                }else{
                    document.getElementById(id).style.display='none';
                    document.getElementById("plug-wrap").style.display='none';
                }
            }else{
                if($('#menu_list'+i)){
                    $('#menu_list'+i).css('display','none');
                }
            }
        }
    }
    function closeall(){
        var count = document.getElementById("top_menu").getElementsByTagName("ul").length;
        for(i=0;i<count;i++){
            document.getElementById("top_menu").getElementsByTagName("ul").item(i).style.display='none';
        }
        document.getElementById("plug-wrap").style.display='none';
    }

    document.addEventListener('WeixinJSBridgeReady', function onBridgeReady() {
        WeixinJSBridge.call('hideToolbar');
    });


</script>
<!--
-->
<style type="text/css">
    body { margin-bottom:60px !important; }
    a, button, input { -webkit-tap-highlight-color:rgba(255, 0, 0, 0); }
    ul, li { list-style:none; margin:0; padding:0 }
    .top_bar { position: fixed; z-index: 900; bottom: 0; left: 0; right: 0; margin: auto; font-family: Helvetica, Tahoma, Arial, Microsoft YaHei, sans-serif; }
    .top_menu { display:-webkit-box;  display: block; width: 100%; background: rgba(57, 167, 110, 0.7); height:25px; display: -webkit-box; display: box; margin:0; padding:0; -webkit-box-orient: horizontal; background: -webkit-gradient(linear, 0 0, 0 100%, from(#39a76e), to(#39a76e), color-stop(60%, #39a76e));  }
    .top_bar .top_menu>li { -webkit-box-flex:1; background: -webkit-gradient(linear, 0 0, 0 100%, from(rgba(0, 0, 0, 0.1)), color-stop(50%, rgba(0, 0, 0, 0.3)), to(rgba(0, 0, 0, 0.4))), -webkit-gradient(linear, 0 0, 0 100%, from(rgba(255, 255, 255, 0.1)), color-stop(50%, rgba(255, 255, 255, 0.1)), to(rgba(255, 255, 255, 0.15))); ; -webkit-background-size:1px 100%, 1px 100%; background-size:1px 100%, 1px 100%; background-position: 1px center, 2px center; background-repeat: no-repeat; position:relative; text-align:center; }
    .top_menu li:first-child { background:none; }
    .top_bar .top_menu li a { line-height:40px; display:block; text-align:center; color:#FFF; text-decoration:none; text-shadow: 0 1px rgba(0, 0, 0, 0.3); -webkit-box-flex:1; }
    .top_bar .top_menu li a label { padding:3px 0 0 3px; font-size:12px; overflow:hidden; }
    .top_bar .top_menu>li>a img { display: inline-block; height: 20px; width: 20px; margin-top:-2px; color: #fff; line-height: 40px; vertical-align:middle; }
    .top_bar li:first-child a { display: block; }
    .menu_font { text-align:left; position:absolute; right:10px; z-index:500; background: -webkit-gradient(linear, 0 0, 0 100%, from(#697077), to(#3F434E), color-stop(60%, #464A53)); border-radius: 5px; width: 120px; margin-top: 10px; padding: 0; box-shadow: 0 1px 5px rgba(0, 0, 0, 0.3); }
    .menu_font.hidden { display:none; }
    .menu_font { top:inherit !important; bottom:55px; }
    .menu_font li a { text-align: left !important; }
    .top_menu li:last-of-type a { background: none; }
    .menu_font:after { top: inherit!important; bottom: -6px; border-color: #464A53 rgba(0, 0, 0, 0) rgba(0, 0, 0, 0); border-width: 6px 6px 0; position: absolute; content: ""; display: inline-block; width: 0; height: 0; border-style: solid; left: 70%; }
    .menu_font li { border-top: 1px solid rgba(255, 255, 255, 0.1); border-bottom: 1px solid rgba(0, 0, 0, 0.2); }
    .menu_font li:first-of-type { border-top: 0; }
    .menu_font li:last-of-type { border-bottom: 0; }
    .menu_font li a { height: 40px; line-height: 40px !important; position: relative; color: #fff; display: block; width: 100%; text-indent: 10px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
    .menu_font li a img { width: 20px; height:20px; display: inline-block; margin-top:-2px; color: #fff; line-height: 40px; vertical-align:middle; }
    #menu_list0 { right:0; left:10px; }
    #menu_list0:after { left: 20%; }
    #sharemcover { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.7); display: none; z-index: 20000; }
    #sharemcover img { position: fixed; right: 18px; top: 5px; width: 260px; height: 180px; z-index: 20001; border:0; }
    .top_bar .top_menu>li>a:hover, .top_bar .top_menu>li>a:active { background-color:#39a76e; }
    .menu_font li a:hover, .menu_font li a:active { background-color:#333; }
    .menu_font li:first-of-type a { border-radius:5px 5px 0 0; }
    .menu_font li:last-of-type a { border-radius:0 0 5px 5px; }
    #plug-wrap { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0); z-index:800; }
    #cate18 .device {bottom: 49px;}
    #cate18 #indicator {bottom: 240px;}
    #cate19 .device {bottom: 49px;}
    #cate19 #indicator {bottom: 330px;}
    #cate19 .pagination {bottom: 60px;}
</style>
<div class="top_bar" style="-webkit-transform:translate3d(0,0,0)">
    <!-- <nav>
       <ul id="top_menu" class="top_menu">
       <li><a href="http://www.5lala.cn/wap.php"><img src="style/images/plugmenu6.png"><label>屋啦啦—瓷砖优品网</label></a>
                   </li> <br>

       </ul>
     </nav>
     <nav ><ul id="top_menu" style="text-align:center; display:block; padding-top:5px;" class="top_menu">www.5lala.cn </ul></nav>-->

    <!--<nav style="background:url(style/images/img/819183888566054889.jpg); height:40px; width:480px;display:block;"><img src="style/images/819183888566054889.jpg"></nav>-->
    <!-- <nav><a href="http://www.5lala.cn/"><img alt="852844565509622859.jpg" src="style/images/382017253023446046.jpg" style="height: auto; width: auto; max-width: 100%;"></a></nav>-->
</div>
<div id="plug-wrap" onclick="closeall()" style="display: none;"></div>
<!-- share -->



</body>
</html>